<template>
	<view class="mainbgc">
		<header-top :messageInfo="{typeFlag:true,message:'商品搜索',liner:false}"></header-top>
		<view class="mainpadding">
			<view class="searchinput flexleft">
				<view class="searchimg"></view>
				<input type="text" class="seletext" placeholder="请输入商品名称" confirm-type="search" @confirm="send">
				<view class="ywy" style="color: #0BBDCB;">搜索</view>
			</view>
			<view class="radius radius mainpadding_top ffffff">
				<view class="flexbetween">
					<view class="titletext">商品名称</view>
					<view class="titletext">价格</view>
				</view>
				<view class="margin_top flexbetween" v-for="item in 5">
					<view class="texts">隆发服饰商行</view>
					<view class="">
						<u-checkbox-group shape="circle" placement="column" @change="checkboxChange">
							<u-checkbox name="苹果" size="12" activeColor="#00B855" :customStyle="{marginBottom: '8px'}"></u-checkbox>
						</u-checkbox-group>
						<view class="textt">5箱</view>
					</view>
				</view>
			</view>
		</view>
		<view class="footer ffffff">
			<view class="queding">确定</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			send() {

			},
			checkboxChange(n){
				console.log(n)
			},
		}
	}
</script>

<style lang="scss" scoped>
	.footer {
		padding: 30rpx 30rpx 60rpx;
		width: 100%;
		box-sizing: border-box;
		position: fixed;
		bottom: 0;
		left: 0;
	}
	.queding {
		width: 100%;
		height: 82rpx;
		background: #00B855;
		border-radius: 41rpx;
		font-size: 32rpx;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 500;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #FFFFFF;
	}
	.texts{
		font-size: 28rpx;
		color: #333;
	}
	.textt{
		font-size: 20rpx;
		color: #999;
	}
	.seletext {
		font-size: 24rpx;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 500;
		color: #999999;
		line-height: 28rpx;
		width: 80%;
	}

	.miancolor {
		color: #0BBDCB;
	}

	.smalltext {
		font-size: 24rpx;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 500;
		color: #999999;
	}

	.ywy {
		font-size: 28rpx;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 500;
		color: #999999;
	}

	// 审核状态
	.shlable {
		padding: 6rpx 14rpx;
		font-size: 24rpx;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 500;
		color: #0BBDCB;
		line-height: 28rpx;
		background-color: #e7f9fa;
	}

	.wlable {
		padding: 6rpx 14rpx;
		font-size: 24rpx;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 500;
		color: #F3AD3D;
		line-height: 28rpx;
		background-color: #fef7ec;
	}
</style>
